<template>
	
	<view class="crad">
		
		<view class="thumbnail">
			<image src="../../static/image/cache/demo.png" mode=""></image>
		</view>
		
		<view class="message">
			<view class="keyword">
				关键字
			</view>
			<view class="values">
				简略
			</view>
			<view class="proess">
				阅读进度
			</view>
			
		</view>
	</view>
	
</template>

<script>
	export default {
		
	}
</script>

<style scoped>


	/* 书籍详情 */
	.crad{
		padding:1vh 0 3vh 0;
		background-color: #666;
		display: flex;
		align-items: center;
	}
	
	.thumbnail{
		background-color: #007AFF;
		width: 12vh;
		height: 12vh;
		margin-left: 4vh;
	}
	.thumbnail image{
		width: 100%;
		height: 115%;
		margin-left: 0;
	}
	.message{
		margin-top: -5vh;
	}
	.keyword{
		font-size: 2vh;
		margin-left: 1.5vh;
		
	}
	.values{
		font-size: 1.5px;
		margin-left: 1.5vh;
	}
	.proess{
		font-size: 1.5px;
	}

</style>